<!-- 视图层 -->
<template>
 <footer class="footer">
    <van-tabbar v-model="active"  active-color="#ee0a24">
        <van-tabbar-item icon="home-o"> <router-link to="/home">首页 </router-link> </van-tabbar-item>
        <van-tabbar-item icon="search"> <router-link to="/cate">分类  </router-link></van-tabbar-item>
        <van-tabbar-item icon="friends-o"><router-link to="/cart">购物车     </router-link></van-tabbar-item>
        <van-tabbar-item icon="setting-o">  <router-link to="/login">未登录  </router-link></van-tabbar-item>
    </van-tabbar>
 </footer>
</template>

<!-- 逻辑层 -->
<script setup>
     import {ref} from 'vue'
     const active = ref(0)
</script>


<!-- 样式层 -->
<style scoped>

</style>
